<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="../css/fonts/supp-font-awesome.css"/>
        <link rel="stylesheet" type="text/css" href="../css/supp-ui-core.css"/>
        <link rel="stylesheet" href="css/emp_single_select.css"/>
    </head>
    <body class="um-vp" ontouchstart>
        <div class="pt-header-search h100p">
            <div id="header" class="supp-page-header">
                <div class="supp-header-left icon-fa-back"></div>
                <div class="supp-header-title">请选择人员</div>
                <div class="supp-header-right icon-fa-other"></div>
            </div>
            <div class="supp-con-search">
                <form class="supp-header-search">
                    <input class="supp" type="search" placeholder="姓名/编号">
                </form>
            </div>
            <div class="mui-content h100p">
                <div id="slider" class="mui-slider mui-fullscreen">
                    <div id="sliderSegmentedControl" class="mui-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                        <div class="mui-scroll">
                            <a class="mui-control-item mui-active" href="#empName">
                                按姓名
                            </a>
                            <a class="mui-control-item" href="#empDept">
                                按部门
                            </a>
                        </div>
                    </div>
                    <div class="mui-slider-group" id="content">
                        <div id="empName" class="mui-slider-item mui-control-content mui-active">
                            <div class="mui-scroll-wrapper">
                                <div class="mui-scroll h100p">
                                    <div id='list' class="supp-indexed-list">
                                        <div class="supp-indexed-list-bar">
                                          <a>A</a>
                                          <a>B</a>
                                          <a>C</a>
                                          <a>D</a>
                                          <a>E</a>
                                          <a>F</a>
                                          <a>G</a>
                                          <a>H</a>
                                          <a>I</a>
                                          <a>J</a>
                                          <a>K</a>
                                          <a>L</a>
                                          <a>M</a>
                                          <a>N</a>
                                          <a>O</a>
                                          <a>P</a>
                                          <a>Q</a>
                                          <a>R</a>
                                          <a>S</a>
                                          <a>T</a>
                                          <a>U</a>
                                          <a>V</a>
                                          <a>W</a>
                                          <a>X</a>
                                          <a>Y</a>
                                          <a>Z</a>
                                        </div>
                                        <div class="supp-indexed-list-alert"></div>
                                        <div class="supp-indexed-list-inner">
                                          <ul class="supp-table-view">

                                          </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="empDept" class="mui-slider-item mui-control-content">
                            <div class="mui-scroll-wrapper">
                                <div class="mui-scroll pl24 pr24 bgf">
                                    <template v-for="(item,index) in empList">
                                        <div class="supp-list-img md" v-on:click="selectedRow(item.empId,item.empName)">
                                            <div class="supp-cont-icon" v-bind:style="{'background-image':'url('+item.empImg+')'}"></div>
                                            <div class="supp-list-content pr0">
                                                <div class="title">{{item.empName}}</div>
                                                <div class="desc">{{item.position}}</div>
                                            </div>
                                        </div>
                                    </template>
                                    <template v-for="(item,index) in empDeptList">
                                      <div class="supp-list-img md empDeptList" v-on:click.stop="showLowerBtn(item)">
                                          <div class="supp-cont-icon" v-bind:style="{'background-image':'url('+item.deptImg+')'}"></div>
                                          <div class="supp-list-content pr0">
                                              <div class="title">{{item.deptName}}</div>
                                          </div>
                                      </div>
                                    </template>
                                    <div class="totalDiv">共{{empTotal}}人</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script src="../../js/appcan.js"></script>
    <script src="../../js/appcan.control.js"></script>
    <script src="../../js/appcan.optionList.js"></script>
    <script src="../../common/js/supp-plugins.js"></script>
    <script src="../../common/js/supp-common.jsx"></script>
    <script src="../../common/js/supp-ui-core.js"></script>
    <script src="js/emp_single_select.js"></script>
</html>
